
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        /*block 块级元素独占一行，可以设置高宽*/
        /*inline 行内元素可以一行显示多个，不可以设置高宽*/
        /*inline-block 行内块元素一行可以显示多个，可以设置高宽*/
        /*display:none 隐藏元素,不保留位置*/
        /*visibility:hidden  隐藏元素，保留位置*/

        ul li{
            display: block;
            width: 100px;
            height: 50px;
            background-color: #2aabd2;
        }
    </style>
</head>
<body>
<div>div</div>

<div>行内元素</div>

<ul>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
</ul>


</body>
</html>